<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>变大字体</title>
		<style type="text/css">
			div{
				height: 400px;
				border:20px outset goldenrod;
				font-size: 14px;
			}
		</style>
		<script>
			function addFont(){
				var d=document.getElementById("shuixu");
				//var oldSize=d.style.fontSize;
				//alert(document.defaultView);
				var oldSize=(d.currentStyle||document.defaultView.getComputedStyle(d,null)).fontSize;
				//只能获得行内样式, style="font-size: 14px;"
				
				console.log("oldsize:"+oldSize);
				
				var newSize=(parseInt(oldSize)+5)+"px";
				d.style.fontSize=newSize;//设置的也是行内样式
			}
		</script>
	</head>
	<body>
		<p align="right">
			<input type="button" value="+" onclick="addFont()"/>
		</p>
		<div id="shuixu">
			第一回：高俅的使者打破了罐子。。。。
		</div>
	</body>
</html>
